<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String productCateId = request.getParameter("productCateId");
System.out.println("productCateId >>>> " + productCateId);
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/xiaomi.css"/>
    <link rel="stylesheet" href="xiaomi/css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="xiaomi/css/product_buy.min.css" />
    <style type="text/css">
    .floor_goods_wrap_li{
    	width:234px !important;
    	height:320px !important;
    }
    .floor_goods_wrap_li img{
     width:234px;
     height:200px;
    }
    </style>
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script src="js/jquery.animate-colors-min.js"></script>
    <script>
	$(function(){
		list();
	});
	function list(){
		$.ajax({
		    url: "list?p=1&id=<%=productCateId%>",
		    type: "GET",
		    dataType: "json",
		    async: true,
		    success: function(data) {
		        if(data.status==1){
		        	var list = data.list;
		        	for(var i=0;i<list.length;i++){
		        		var picture = list[i].picture;
		        		var title = list[i].title;
		        		var money = list[i].money;
		        		$("#productsList").append("<li class='floor_goods_wrap_li' id='"+list[i].id+"'>"
		        		+"<a class='floor_goods_img' href='detail?id="+list[i].id+"'><img src='" + list[i].picture + "'/></a>"
		        		+"<a class='floor_goods_tit' href='detail?id="+list[i].id+"'>" + list[i].title + "</a>"
// 		        		+"<a class='floor_goods_txt' href='detail?id="+list[i].id+"'>" + list[i].title + "</a>"
		        		+"<a class='floor_goods_price' href='detail?id="+list[i].id+"'>" + list[i].money + "元</a>"
		        		+"</li>");
		        	}
		        }
		    }
		});
	}
	</script>
</head>
<body>
     <jsp:include page="head.jsp" />
     <div id="menu_content_bg" style="height: 0px;">
     </div>
     <div id="big_banner_wrap">
         <div id="big_banner_pic_wrap">
             <ul id="big_banner_pic">
                 <li><img src="img/T1hiDvBvVv1RXrhCrK.jpg"></li>
                 <li><img src="img/T1jrxjB_VT1RXrhCrK.jpg"></li>
                 <li><img src="img/T1oTJjBKKT1RXrhCrK.jpg"></li>
                 <li><img src="img/T1RICjB7DT1RXrhCrK.jpg"></li>
                 <li><img src="img/T1vWdTBKDv1RXrhCrK.jpg"></li>
             </ul>
         </div>
     </div>
     <div id="main_show_box">
         <div id="floor_1">
              <div id="floor_head">
                  <span class="title_span">商品列表</span>
              </div>
         </div>
         <div class="floor_goods_wrap" >
             <ul id="productsList">
                 <div style="clear:both;"></div>
             </ul>
         </div>
     </div>
	<jsp:include page="bottom.jsp" />
<script type="text/javascript" src="js/xiaomi.js"></script>

</body>
</html>